<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>影院后台管理系统</title>
<link rel="stylesheet" href="layui/css/layui.css">
</head>

<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">影院后台管理系统</div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> <img
						src="http://t.cn/RCzsdCq" class="layui-nav-img"> 贤心
				</a>
					<dl class="layui-nav-child">
						<!-- <dd><a href="">消息<span class="layui-badge">99+</span></a></dd> -->
					</dl></li>
				<li class="layui-nav-item"><a href="logout">退了</a></li>
			</ul>
		</div>

		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
					<li class="layui-nav-item layui-nav-itemed">
			          <a  href="movieSystem.html">主页(统计信息)</a>
			        </li>
			       <li class="layui-nav-item">
			          <a href="businessManagement.html">营业管理</a>
			        </li>
					<li class="layui-nav-item"><a href="javascript:;">影院管理</a>
						<dl class="layui-nav-child">
			          	<dd><a href="moiveinfo.html">总影院详情</a></dd>
			            <dd><a href="mymoivesystem.html">分影院管理</a></dd>
			            <dd><a href="halllist.html">影厅管理</a></dd>
			            <dd><a href="movies.html">影片管理</a></dd>
						<dd><a href="hall.html">添加影厅</a></dd>
						<dd><a href="arrange.html">排片</a></dd>
			        	<dd><a href="uploadvideo.html">上传影片</a></dd>
			          </dl></li>
					<li class="layui-nav-item layui-this"><a href="feedback.html">信息反馈</a></li>
				</ul>
			</div>
		</div>


		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div style="padding: 20px; background-color: #F2F2F2;">
				<form id="feedback" class="layui-form">
					<div class="layui-row layui-col-space15">
						<div class="layui-col-md12">
							<div class="layui-card">
								<div class="layui-card-header"
									style="font-size: 20px; font-weight: 700;">问题反馈</div>
								<div class="layui-card-body">
									<div class="layui-form-item">
										<label class="layui-form-label"
											style="font-size: 18px; width: 15%;">反馈标题:</label>
										<div class="layui-input-block">
											<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input" style="width: 75%;">
										</div>
									</div>
									<div class="layui-form-item layui-form-text">
										<label class="layui-form-label"
											style="font-size: 18px; width: 15%;">反馈信息:</label>
										<div class="layui-input-block">
											<textarea placeholder="请输入内容" class="layui-textarea"  lay-verify="content" 
												name="text" style="width: 75%; height: 252px;"></textarea>
										</div>
										<div class="layui-form-item">
											<div class="layui-input-block">
												<button type="button" class="layui-btn"
													style="float: right; margin: 30px 180px;" lay-submit=""
													lay-filter="demo1">
													<i class="layui-icon">&#xe67c;</i>提&nbsp;&nbsp;交
												</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>




			<div class="layui-footer">
				<!-- 底部固定区域 -->
				© 版权归酒店所有
			</div>
		</div>

		<script src="layui/layui.all.js"></script>
		<script src="layui/jquery.min.js"></script>
		<script>
			var form = layui.form, layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate;
			layui.use([ 'form', 'layedit', 'laydate' ], function() {
				//监听提交
				form.on('submit(demo1)', function(data) {
					$.ajax({
						url : "/management/feedback",
						type : "post",
						data : $("#feedback").serialize(),
						success : function(data) {
							alert("提交成功");
							location.reload();
						}
					})
				});
				//自定义验证规则
				  form.verify({
				    title: function(value){
				      if(/[@#$%^&*<>]+/.test(value)){        
				          return '标题不能出特殊字符';
				      }
				      if(value.length < 1){
				          return '标题不能为空';
				        }
				    }
				    ,content: function(value){
				        if(value.length < 4){
				            return '内容不能少于五个字符';
				          }
				    }
				  });
			});
		</script>
</body>
</html>
